<!DOCTYPE html> <!-- doctype de HTML 5 -->
<html>
  <head>
    
    <!-- pour spécifier au naviageteur comment afficher la page  -->
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- le fichier css pour formater nos balises html -->
    <link rel="stylesheet" href="../css/jquery.mobile-1.1.1.min.css" />
    <!-- importation du bibliothèque jquery et jquery pour les mobiles -->
    <script src="../js/jquery-1.7.1.min.js"></script>
    <script src="../js/jquery.mobile-1.1.1.min.js"></script>
    <!-- importation du bibliothèque cordova ( phoneGap ) -->
    <script src="cordova-2.5.0.js"></script>
    <script>
    
      function verify(){
      
      
       if ( $("#passwd").val() == "enisgeek"  ) {
       alert(" welcome  "+ $("#login").val() ) ;
       }
        else {
         navigator.notification.vibrate(500);
         alert(" you are not welcomed ");
       }
       }
    </script>
    <style>

body.bgkColor{background: #FFCC33;}
    </style>
  </head>
  <body class="bgkColor">
  <!-- la page d'identification -->
  <div data-role="page" id="accueil" >
  <!-- l'entête -->
    <div data-role="header">
      <h3> PricyMe <h3>
    </div>
  <!-- le contenu -->
    <div data-role="content">
      <p>
         <input type="submit" name="submit" value="facebook connect" />
      </p>
      <p> 
        <label for="email">Email </label>
        <input type="text" name="email" id="email" value="" required />
        <label for="password">Mot de passe </label>
        <input type="password" name="passwd" id="passwd" value="" required />
        <label for="Password">confirme mot de passe</label>
        <input type="password" id="confirme" name="confirme" required />
      </p>
      <p> 
        <input type="submit" name="submit" value="connection" />
        <button class="btn btn-large bInscription"  type="submit" id="saisirButton" name="saisirButton" >inscription</button>
    </div>
  <!-- le pied de page -->
    <div data-role="footer" data-position="fixed">
     <h3> PricyMe  </h3>
    </div>
  </div>
  </body>
</html>